index html
Index php
Metadane
Listy
Grafika
Instrukcje warunkowe

Wstawianie i formatowanie tabel

Tabela to narzędzie porządkujące dane w/g określonego schematu. Zazwyczaj posiada kolumny i wiersze, w kolumnach przechowywane są dane jednego typu - rodzaju, w wierszach wszystkie dane opisujące jakiś obiekt.
W HTML tabele wprowadzamy znacznikiem table. Znacznik ten posiada kilka atrybutów takich jak: border, width, height i inne. Znacznik <table> wyznacza granice struktury
Kolejnym znacznikiem jest <td> - odpowiada za tworzenie wiersza.
Znacznik <tr> - to komórka, czyli struktura do której wpisujemy konkretne wartości tabeli.
W HTML nie ma znacznika tworzącego kolumny.
- atrybut border odpowiada za rysowanie obramowania.
- atrybut width to szerokość w pikselach lub procentach
- atrybut height to wysokość w pikselach lub procentach
- atrybut celpadding to wewnętrzny margines komórki
- atrybut cellspacing odstępy między komórkami
- atrybut bordercolor kolor obramowania
- atrybut bgcolor tło tabeli

Tabela 1

imię nazwisko rok urodzenia
Jan Kowalski 1965
Zofia Nowak 2003

Tytuł tabeli

Zgodnie ze specyfikacją W3 tabela powinna mieć tytuł, który wstawiamy znacznikiem <caption> wstawianym zaraz po znaczniku <table>.
Znacznik ten posiada argument align, który może przyjąć wartości: left, right, center, top, bottom.

Tabelka 2 - tytuł tabeli

tabela z tytułem
imię nazwisko rok urodzenia
Jan Kowalski 1965
Zofia Nowak 2003

Komórki nagłówkowe

Komórki nagłówkowe (<th>), posiadają tekst pogrubiony i wyśrodkowany. Można je wstawić jako nagłówki kolumn lub wierszy.

Tabelka 3 - komórki nagłówkowe

tabela z komórkami nagłówkowymi
miesiąc/pracownik nazwisko zarobek w mies.
styczeń Nowak 3265
luty Kowalski 2985
marzec Zagłoba 4587
kwiecień Skrzetuski 12365

Scalanie komórek tabeli

Scalanie komórek tabeli może być wykonane w dwóch płaszczyznach; poziomej i pionowej. Poziomo komórki scalamy atrybutem colspan, po którym podajemy liczbę scalanych komórek. Równocześnie o taką samą, (minus 1) liczbę, redukujemy ilość zadeklarowanych do scalania komórek.
Atrybut rowspan scala komórki w pionie. Oba atrybuty wstawiamy do pierwszej ze scalanych komórek

Tabela 4 - scalanie poziome

tabela z komórkami scalonymi w poziomie
imię nazwisko rok urodzenia
Jan Kowalski 1965
Zofia Nowak, 2001

Tabela 5 - scalanie pionowe

Tabela z komórkami scalonymi w pionie
lp imię nazwisko rok urodzenia
1 Jan Kowalski 1965
2 Zofia Nowak 2000
3 Danuta 1999

Tabela 6 - Ćwiczenie 1 str 37

Plan lekcji - zadanie na ocenę

Krzysztof Bochenko
Plan lekcji 2c-gr.1 ważny od 15 IX
godz/dzień Poniedziałek Wtorek Środa Czwartek Piątek
700 - 745
750 - 835 Aplikacje serwerowe Język polski Sieci komputerowe
845 - 930 Język polski Urządzenia techniki komputerowej Sieciowe systemy operacyjne
940 - 1025 Religia Informatyka rozszerzona Język niemiecki Religia
1045 - 1130 Język angielski Urządzenia techniki komputerowej Język angielski Język niemiecki Systemy operacyjne
1140 - 1225 Matematyka rozszerzona Matematyka rozszerzona Wychowanie fizyczne Tworzenie statycznych stron internetowych Matematyka rozszerzona
1235 - 1320 Informatyka rozszerzona Urządzenia techniki komputerowej Godzina wychowawcza
1330 - 1415 Urządzenia techniki komputerowej Systemy operacyjne Aplikacje serwerowe Systemy operacyjne Historia
1425 - 1510 Sieciowe systemy operacyjne
1520 - 1605 Wychowanie fizyczne Tworzenie statycznych stron internetowych
1615 - 1700